/* hack */

#ep_container
    { margin-top: 70px
    ; margin-left: 0px
    ; margin-right: 0px
    ; margin-bottom: 10px
    ; border: 0
    ; padding-left: 0px
    ; padding-right: 0px
    ; position: relative
    ; left: 0
    ; top: 0
    ; width: 100%
    }

#ep_status_window
    { display: none
    ; border: 1px solid #bfbfbf
    ; background-color: #eef5f5
    ; color: lightyellow
    ; height: 35px
    ; position: absolute
    ; left: 44%
    ; top: 45%
    ; z-index: 999
    ; text-align: center
    ; vertical-align: middle
    ; font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; font-weight: bold
    ; text-decoration: blink
    ; margin: 10px
    }

#ep_status_text
    { margin: 10px 20px 10px 20px
    }

#ep_menu
    { position: absolute
    ; top: 0
    ; left: 0
    ; width: 200px
    ; margin-left: 10px
    ; margin-right: 0px
    ; margin-top: 0px
    ; margin-bottom: 0px
    ; padding: 0
    }

#ep_menu_title
    { height: 22px
    ; margin-left: 0px
    ; margin-right: 0px
    ; z-index: 10
    }

#ep_menu_title span
    { float: left
    ; position: relative
    }

#ep_menu_title div
    { font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 12px
    ; font-weight: bold
    ; color: black
    ; line-height: 21px
    ; text-align: center
    ; vertical-align: top
    ; padding: 1px 3px 0px 3px
    }

#ep_menu ol
    { margin: 0 0 0 0
    ; padding: 4px 4px 4px 4px
    ; background-color: #eef5f5
    ; border-left: 1px solid #bfbfbf
    ; border-right: 1px solid #bfbfbf
    }

#ep_menu ol ol
    { margin: 1px 0px 1px 4px
    ; padding: 0
    ; border: none
    ; color: black
    ; display: block
    }

#ep_menu li
    { list-style: none
    ; margin: 0
    ; padding: 1px 2px 1px 2px
    ; text-align: left
    ; font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; vertical-align: middle
    }

#ep_menu li#log_out
    { font-size: 11px
    ; font-weight: bold
    ; margin: 0px 0px 3px 0px
    }

#ep_menu li.ep_active_menu_item
    { background: url('/EP/static/images/selector-1.png') top repeat-x #207a7a
    ; border: 1px solid gray
    }

#ep_menu li.ep_active_menu_item li
    { background-color: #207a7a
    }

#ep_menu a:link
, #ep_menu a:visited
, #ep_menu a:active
    { color: #006666
    ; text-decoration: none
    }
#ep_menu a:hover
    { color: #e33e3e
    ; text-decoration: underline
    }

.ep_active_menu_item a:link
, .ep_active_menu_item a:visited
, .ep_active_menu_item a:active
, .ep_active_menu_item a:hover
    { color: #ffffff
    ; text-decoration: none
    }

#ep_menu_username
    { background-color: #eef5f5
    ; font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; font-weight: bold
    ; color: black
    ; text-align: center
    ; line-height: 16px
    ; border-left: 1px solid #bfbfbf
    ; border-right: 1px solid #bfbfbf
    }

#ep_menu_username div
    { margin: 0px 4px
    ; padding: 2px 0px 0px 0px
    ; border-top: 1px dashed #dfdfdf
    }

#ep_menu_username img
    { margin: 0px 2px -2px 2px
    }

#ep_user_name
    { white-space: nowrap
    }

#ep_menu_status
    { background-color: #eef5f5
    ; font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; color: gray
    ; text-align: center
    ; padding: 1px 2px
    ; line-height: 14px
    ; border-left: 1px solid #bfbfbf
    ; border-right: 1px solid #bfbfbf
    ; border-bottom: 1px solid #bfbfbf
    }

#ep_menu_status a
    { font-size: 11px
    ; font-weight: bold
    ; line-height: 18px
    }

#ep_workspace
    { margin-left: 10px
    ; margin-right: 10px
    ; margin-top: 0
    ; margin-bottom: 0
    ; padding: 0
    }

.ep_component_error
    { background-color: #ffe7e5
    ; background-repeat:  no-repeat
    ; background-position: 15px 50%
    ; text-align: left
    ; color: #e00b00
    ; font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; font-weight: bold
    ; padding: 10px 20px 10px 45px
    ; margin: 0px 0px 10px 0px
    ; border-top: 1px solid #ff614d
    ; border-bottom: 1px solid #ff614d
    }

.ep_warning
    { background-color: #FFF7C0
    ; background-repeat:  no-repeat
    ; background-position: 15px 50%
    ; background-image: url('/EP/static/images/exclamation8.png')
    ; text-align: left
    ; color: #333333
    ; font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; font-weight: normal
    ; padding: 10px 20px 10px 45px
    ; margin: 0px 0px 10px 0px
    ; border-top: 1px solid #FFCC33
    ; border-bottom: 1px solid #FFCC33
    }

.ep_component_title
    { margin: 0
    ; padding: 0
    }

.ep_component_title span
    { float: left
    ; position: relative
    }

.ep_component_title div
    { font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 12px
    ; font-weight: bold
    ; line-height: 21px
    ; color: black 
    ; vertical-align: top
    ; text-align: center
    ; padding: 1px 3px 0px 3px
    }

.ep_component_body
    { border-left: 1px solid #bfbfbf
    ; border-right: 1px solid #bfbfbf
    ; border-bottom: 1px solid #bfbfbf
    ; padding: 11px 10px 10px 10px
    }

.ep_section fieldset
    { border: none
    ; margin: 0px 0px 0px 0px
    ; padding: 5px 0px 5px 0px
    }

.ep_section fieldset.with_legend
    { border-top: 1px solid #bfbfbf
    }

.ep_section legend
    { margin: 0px 0px 0px 0px
    ; padding: 0px 5px 0px 0px
    ; font-weight: bold
    ; font-size: 11px
    ; font-family: 'Lucida Grande', Verdana, Arial
    }

.ep_section .shorthelp
    { margin: 5px 0px
    ; padding-bottom: 4px
    ; color: #666666
    ; font-size: 11px
    ; font-family: 'Lucida Grande', Verdana, Arial
    }

.ep_section fieldset ol
    { margin: 0
    ; padding: 0
    /* ; _margin: 5px 0px 5px 0px */
    }

.ep_section fieldset li
    { list-style: none
    ; padding: 4px 10px 4px
    ; margin: 0
    }

.ep_section em
    { font-weight: bold
    ; font-style: normal
    ; color: #f00
    }

.ep_section label
    { font-size: 11px
    ; font-family: 'Lucida Grande', Verdana, Arial
    ; width: 350px
    } /* width of labels */

.ep_section input
, .ep_section textarea
, .ep_section select
    { margin: 0
    ; padding: 1px
    ; font-size: 11px
    ; font-family: 'Lucida Grande', Verdana, Arial
    }
.ep_subsection_tabpane
    { height: 22px
    ; border-bottom: 1px solid #bfbfbf
    ; font-family: 'Lucida Grande', Verdana, Arial
    }

.ep_subsection_tabpane div
    { float: left
    ; height: 100%
    ; padding-left: 0px
    ; vertical-align: middle
    ; background-position: bottom left
    ; position: relative
    ; bottom: -1px
    ; margin-left: 0px
    ; margin-right: 0px
    }

.ep_subsection_tabpane .tab_active
    { margin-left: 0px
    ; margin-right: 0px
    ; z-index: 10
    }

.ep_subsection_tabpane .tab_inactive
    { margin-left: 0px
    ; margin-right: 0px
    ; z-index: 1
    }

.ep_subsection_tabpane span
    { float: left
    ; position: relative
    }

.ep_subsection_tabpane span.label
    { vertical-align: top
    ; font-size: 11px
    ; padding-left: 3px
    ; padding-right: 3px
    ; padding-top: 1px
    ; line-height: 21px
    }

.ep_subsection_tabpane img
    { position: relative
    ; float: left
    }

.ep_subsection_tabpane .tab_active a:link
, .ep_subsection_tabpane .tab_active a:visited
, .ep_subsection_tabpane .tab_active a:active
, .ep_subsection_tabpane .tab_active a:hover
    { color: #207a7a
    ; text-decoration: none
    ; -moz-outline:0px none
    }

.ep_subsection_tabpane .tab_inactive a:link
, .ep_subsection_tabpane .tab_inactive a:visited
, .ep_subsection_tabpane .tab_inactive a:active
    { color: #808080
    ; text-decoration: none
    }

.ep_subsection_tabpane .tab_inactive a:hover
    { color: #e33e3e
    ; text-decoration: underline
    }

.ep_subsection_tabs
    { background-color: #eef5f5
    ; border-left: 1px solid #bfbfbf
    ; border-right: 1px solid #bfbfbf
    ; border-bottom: 1px solid #bfbfbf
    ; padding: 0px 0px 0px 0px
    ; font: 11px 'Lucida Grande', Verdana, Arial
    }

.ep_subsection_tabs .tab_active
    { display: block }

.ep_subsection_tabs .tab_inactive
    { display: none }

.ep_subsection_tabs fieldset
    { border: none
    ; margin: 0px 4px 0px 4px
    /* ; _padding-bottom: 10px */
    }

.ep_subsection_tabs fieldset.with_legend
    { border-top: 1px solid #bfbfbf
    }

.ep_subsection_tabs .shorthelp
    { margin: 4px 3px 0px 3px
    ; padding-bottom: 4px
    ; color: #666666
    ; font-size: 11px
    /* ; _margin: 5px 0px 5px 0px fugly hack for IE win */
    }

.ep_subsection_tabs .text
    { margin: 4px 3px
    ; color: black
    ; font-size: 11px
    ; line-height: 1.4
    /* ; _margin: 5px 0px 5px 0px fugly hack for IE win */
    }

.ep_subsection_tabs label
    { display: inline-block
    ; vertical-align: top
    ; width: 350px
    ; font-family: inherit
    }

.ep_subsection_tabs fieldset ol
    { margin: 0
    ; padding: 0
    /* ; _margin: 5px 0px 5px 0px */
    }

.ep_subsection_tabs fieldset li
    { list-style: none
    ; padding: 4px 10px 4px
    ; margin: 0
    }

.ep_subsection_tabs em
    { font-weight: bold
    ; font-style: normal
    ; color: #f00
    }

.ep_subsection_tabs input
, .ep_subsection_tabs textarea
, .ep_subsection_tabs select
    { margin: 0
    ; padding: 1px
    ; font-size: 11px
    ; font-family: 'Lucida Grande', Verdana, Arial
    }

.ep_subsection_tabs option
    { padding: 2px 0px
    }

.ep_11px_bold
    { font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; font-weight: bold
    }

.ep_11px_bold a:link
, .ep_11px_bold a:visited
, .ep_11px_bold a:active
    { color: #006666
    ; text-decoration: none
    }

.ep_11px_bold a:hover
    { color: #e33e3e
    ; text-decoration: underline
    }

#ep_dataset_explorer
    { padding: 5px
    ; border: solid 1px #bfbfbf
    /*; vertical-align: middle */
    ; height: 300px
    ; position: relative
    }

#ep_dataset_explorer ol
    { list-style: none
    ; padding: 0 0 0 0px
    ; margin: 0 0 0 0px
    ; vertical-align: bottom
    }

#ep_dataset_explorer ol ol
    { padding: 0 0 0 16px
    }

#ep_dataset_explorer li
    { font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; padding-top: 0px
    ; padding-bottom: 0px
    ; padding-left: 0px
    ; padding-right: 0px
    ; margin: 0px 0px 0px 0px
    ; vertical-align: middle
    }

#ep_dataset_explorer div.selected
    { height: 18px
    ; background: url('/EP/static/images/selector-2.png') bottom repeat-x
    ; border: 1px solid #dfdfdf
    ; color: black
    ; padding-left: 2px
    ; padding-right: 2px
    ; z-index: 100
    }

#ep_dataset_explorer div.unselected
    { height: 18px
    ; border: 1px solid white
    ; color: black
    ; padding-left: 2px
    ; padding-right: 2px
    }

.ep_de_node
    { padding: 0px 0px 0px 0px
    ; margin: 0
    ; height: 12px
    ; cursor: pointer
    ; float: left
    }
    
.ep_de_node img
    { padding: 0px 0px 0px 0px
    ; margin: 0px
    ; height: 12px
    ; width: 12px
    ; position: relative
    ; top: 3px
    }

.ep_de_item
    { padding: 0px 0px 0px 0px
    ; margin: 0
    ; height: 18px
    ; position: relative
    ; top: -2px
    ; float: left
    }

.ep_de_item img
    { margin-right: 4px
    ; top: 3px
    ; position: relative
    }

.ep_de_item a:link
, .ep_de_item a:visited
, .ep_de_item a:active
    { color: black
    ; text-decoration: none
    }

.ep_de_item a:hover
    { color: #e33e3e
    ; text-decoration: underline
    }

#ep_dataset_explorer .ep_de_item span.current
    { background-color: #72b4bd
    ; color: white
    ; font-weight: normal
    }

#ep_dataset_explorer .ep_de_item span.current a
    { color: white
    ; text-decoration: none
    ; -moz-outline: black none 0px
    ; outline: black none 0px
    }

.ep_de_controls
    { float: right
    ; cursor: pointer
    }

.ep_de_controls img
    { margin-left: 2px
    ; margin-right: 2px
    ; border: 0px
    }

#ep_de_stats
    { height: 18px
    ; background-color: #eef5f5
    ; vertical-align: middle
    ; border-top: 1px solid #dfdfdf
    ; border-bottom: 1px solid #dfdfdf
    }

.ep_de_stat_value
    { float: left
    ; width: 24%
    ; text-align: center
    ; font-family: 'Lucida Grande', Verdana, Arial
    ; font-size: 11px
    ; padding: 2px 0px
    }

#ep_de_graphics
    { background-color: #ffffff
    ; vertical-align: middle
    }

#ep_de_graphics img
    { float: left
    }

.ep_de_metadata
    { display: none
    }
